<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${facesContext.externalContext.requestContextPath}/resources/css/stakeholder.css" rel="stylesheet" type="text/css"/>
        <title>Stakeholder Portal</title>
    </h:head>

    <h:body style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/StakeholderBackground.jpg)" >
        <div class="container">
            <div class="content_wrapper" style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/StakeholderBackground.jpg)" >
                <h:form id="form">
                    <div class="localization">
                        <!-- LOCALIZATION -->
                        <!-- this selectedLocale menu must always be at the top of the form -->
                        <h:selectOneMenu id="selectedLocale" value="#{indexManagedBean.selectedLocale}">
                            <f:selectItems value="#{enumSelectedLocale.listItems}" />
                            <p:ajax update="form" listener="#{indexManagedBean.selectedLocaleValueChangeListener}" />
                        </h:selectOneMenu>
                    </div>
                    <!-- this end selectedLocale menu must always be at the top of the form -->
                    <!-- END LOCALIZATION --> 

                    <div class="header" >
                        <img src="#{facesContext.externalContext.requestContextPath}/images/StakeholderBanner.png" alt="Stakeholder Banner" />
                    </div>

                    <div class="menu">
                        <p:menubar autoSubmenuDisplay="true">
                            <p:menuitem id="stakeholderMenuItemOne" value="#{bundle['stakeholder.accountmanagement.menu']}" url="../stakeholder/ViewStakeholderAccount.xhtml" />
                            <p:menuitem id="stakeholderMenuItemTwo" value="#{bundle['stakeholder.microportalmanagement.menu']}" url="../stakeholder/ManageStakeholderPortalInfo.xhtml" />
                            <p:menuitem id="stakeholderMenuItemThree" value="#{bundle['stakeholder.advertisingmanagement.menu']}" url ="../stakeholder/ManagementAdvertisement.xhtml"/>
                            <p:menuitem id="stakeholderMenuItemFour" value="#{bundle['stakeholder.events.menu']}" url="/common/AddEvent.xhtml"/>
                            
                      
                        </p:menubar>
                        <p:commandLink id="logoutLink" immediate="true" actionListener="#{stakeholderLogoutManagedBean.doLogout}" value="#{bundle['login.logout.label']}" ajax="false"/>
                    </div>

                    <br style="clear:left"/><!-- used to clear the float on the main menu before displaying other divs which are supposed to be on next line -->

                    <div class="nav" >
<!--                        <ui:insert name="nav_menu"></ui:insert>-->
                        <f:view beforePhase="#{stakeholderTemplateManagedBean.initView}" >
                            <p:menu model="#{stakeholderTemplateManagedBean.microPortalModel}" />
                        </f:view>
                    </div>
                </h:form>
                    <div class="content">
                        <ui:insert name="content"></ui:insert>
                    </div>

            </div>

            <div class="footer">
                &copy;2011 F&amp;B Stakeholder Portal . Property of TCube Ventures Private Limited
            </div>
        </div>
    </h:body>
</html>
